@import "./base.scss";
*{margin:0;padding:0;}
body, html {
    height: 100%;
    -webkit-tap-highlight-color: transparent;
}
body {
    font-family: PingFangSC-Light,helvetica,'Heiti SC';
}
input{
    text-indent: 0;
    background: transparent;
    border: 0 none;
    resize:none; 
    outline:none;  /*清除选中效果的默认蓝色边框 */
    -webkit-appearance:none;  /*清除浏览器默认的样式 */
    line-height: normal;   //光标问题 
    border: 1px solid #E9E9E9;
    border-radius: 8px;
    padding: 14px 10px;
}
a{color: #958da5;text-decoration: none;}
a:active{color: #958da5;}
/*display*/
.dis-flex{display: -webkit-flex;display: flex;}
.flex-column{flex-direction:column}
.dis-inline{display: inline-block;}
.dis-block{display: block;}
/*flex 布局*/
.flex-1{-webkit-flex:1;flex:1;}
.align-center{align-items:center}

/*定位*/
.p-r{position: relative;}
.p-a{position: absolute;}
.p-f{position: fixed;}

/*居中*/
.t-c{text-align: center;}
.t-l{text-align: left;}
.t-r{text-align: right;}
.ver-mid{vertical-align: middle;}

/*over flow*/
.ov-h{overflow: hidden;}

/*字体*/
.ft-24{font-size: 24px;}
.ft-26{font-size: 26px;}
.ft-28{font-size: 28px!important;}
.ft-30{font-size: 30px;}
.ft-32{font-size: 32px;}
.ft-36{font-size: 36px;}
.ft-40{font-size: 40px;}
.ft-48{font-size: 48px;}
.ft-72{font-size: 72px;}

.ft-b{font-weight: bold;}
/*margin*/
.mt-4{margin-top: 4px;}
.mt-10{margin-top: 10px;}
.mt-20{margin-top: 20px;}
.mt-28{margin-top: 28px;}
.mt-30{margin-top: 30px;}
.mt-36{margin-top: 36px;}
.mt-40{margin-top: 40px;}
.mt-50{margin-top: 50px;}

.mr-4{margin-right: 4px;}
.mr-10{margin-right: 10px;}
.mr-30{margin-right: 30px;}
.mr-40{margin-right: 40px;}
.mr-50{margin-right: 50px;}

.mb-4{margin-bottom: 30px;}
.mb-30{margin-bottom: 30px;}
.mb-40{margin-bottom: 40px;}
.mb-50{margin-bottom: 50px;}

.ml-4{margin-left: 4px;}
.ml-10{margin-left: 10px;}
.ml-20{margin-left: 20px;}
.ml-24{margin-left: 24px;}
.ml-28{margin-left: 28px;}
.ml-30{margin-left: 30px;}
.ml-40{margin-left: 40px;}
.ml-50{margin-left: 50px;}

/*高度*/
.h-120{height: 120px;}
.h-40{height: 40px;}

/*行高*/
.lh-40{line-height: 40px;}
/*字体颜色*/
.co-white{color: #FFF;}
.co-red{color: $red;}
.co-blue{color: #2387FC;}
.co-gray{color: #958DA5;}
/*按钮*/
.btn{display: inline-block;padding: 14px 32px;background: #FFF;font-size: 24px;border: 1px solid #F3ECFF;}
.btn-red{background: $red;color: #FFF;border:0;}
.btn-circle{border-radius: 200px;}

.btn-submit{width: 540px;height: 84px;padding: 0;text-align: center;font-size: 28px;line-height: 84px;background: #FD4658;box-shadow: 0 10px 28px 0 rgba(253,70,88,0.65);border-radius: 200px;}

.mask{position: fixed;z-index: 1000;top: 0;right: 0;left: 0;bottom: 0;background: rgba(0, 0, 0, 0.6);}

img {
  content: normal !important;
}


.loadmore{padding: 20px;font-size: 32px;text-align: center;}
.arrow-item{position: relative;}
.arrow-item:after{content: " ";position: absolute;right: 0;top:50%;margin-top:-8px;width: 16px;height: 16px;border-right: 2px solid #958DA5;border-bottom: 2px solid #958DA5; transform: rotateZ(-45deg);
}